<!doctype html>
<html lang="en" class="feedback" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<style>
	li{
		list-style: none;
	}
</style>

<body>

<header class="mui-bar mui-bar-nav">
	<a  href="/iphone/user" class=" mui-icon  mui-pull-left"><span style="font-size: 15px">返回</span></a>
	<button id="submit" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">提交</button>
	<h1 class="mui-title">漂流图书</h1>
</header>

<div class="mui-content" style="margin-left: 20px;">
	<form id="form" action="/iphone/driftDetial/driftsubmit" style="margin-left: -15px"
		  class="mui-input-group" >
		<div class="mui-input-row">
			<label>书名：</label>
			<input name="bookName" type="text" readonly="readonly" th:value="${bookName}">
		</div>
		<div class="mui-input-row">
			<label>下一站昵称：</label>
			<input name="nickName" type="text" th:value="${queueListItem.nickName}" readonly="readonly">
		</div>
		<div class="mui-input-row">
			<label>下一站电话：</label>
			<input name="phone" type="text" th:value="${queueListItem.phone}" readonly="readonly">
		</div>
		<div class="mui-input-row">
			<label>下一站地址：</label>
			<input name="address"  type="text" th:value="${queueListItem.address}" readonly="readonly">
		</div>
		<input name="userId" type="hidden" th:value="${queueListItem.userId}">
		<input name="id" type="hidden" th:value="${Id}">
		<input name="queueId" type="hidden" th:value="${queueId}">
		<!--订单号-->
		<div class="mui-input-row">
			<label>填写订单号：</label>
			<input name="number" id="number" type="number" class="question" placeholder="必须要填的订单号">
		</div>

		<!--读后感-->
		<div>
			<label style="margin-left: 15px">填写读后感：</label>
			<textarea name="text" id="text" class="mui-input-clear question" placeholder="你可以在这里填写读后感"></textarea>
		</div>
		<div class="mui-button-row">
			<button id="b1" type="button" class="mui-btn mui-btn-primary mui-btn-outlined"  >提交</button>
			<button type="button" class="mui-btn mui-btn-outlined" >取消</button>
		</div>
	</form>
</div>
<div th:include="include::footer"></div>
</body>
<script src="/js/phone/mui.min.js"></script>
<script type="text/javascript">
    mui.init();
    mui('.mui-input-row input').input();
    $("#b1").click(function(){
        var number=$("#number").val();
        var text=$("#text").val();
        if(number.trim().length!=0&&text.trim().length!=0){
            $("#form").submit();
        } else{
            alert("输入框不能为空");
		}
    });
</script>
</html>